<template>
	<view class="set-password app-pages">
		<view class="title">支付密码</view>
		<view class="tips">请输入您的餐卡支付密码</view>
		<u-code-input v-model="value" maxlength="6" :space="15"
		:focus="true" dot
		></u-code-input>
		
		<view class="button">
			<view class="submit" @click="submit">提交</view>
		</view>
	</view>
</template>
<script>
export default {
	data(){
		return {
			value: ''
		}
	},
	methods:{}
}
</script>
<style lang="scss" scoped>
	.set-password{
		display: flex;
		flex-direction: column;
		align-items: center;
		.title{
			font-size: 32rpx;
			font-weight: bold;
			margin-top: 50rpx;
		}
		.tips{
			margin:30rpx 0 40rpx 0;
		}
	}
	.button {
		box-sizing: border-box;
		padding-top: 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 280rpx;
		.submit {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			background-color: #f74062;
			border-radius: 10rpx;
			color: #FFFFFF;
		}
	}
</style>